<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
<c:set var="path" value="${pageContext.request.contextPath }" />
<%@ taglib tagdir="/WEB-INF/tags" prefix="matrix"%>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="renderer" content="webkit">
    <meta http-equiv="Cache-Control" content="no-siteapp">
     <meta name="keywords" content="${keyword}"  >
    <meta name="description" content="${description }" />
    <title   data-index="1" id="selextTitle"  >web前端课程-湖南卓景京信息技术有限公司</title>
    <!--[if lt IE 8]>
    <meta http-equiv="refresh" content="0;ie.html" />
    <![endif]-->
    <link href="${path }/resource/plugin/bootstrap-3.3.5/css/bootstrap.min.css" rel="stylesheet" type="text/css">
    <link href="${path }/resource/plugin/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <link href="${path }/resource/css/visitor/base.css" rel="stylesheet" type="text/css">
    <link href="${path }/resource/css/visitor/web.css" rel="stylesheet" type="text/css">
    <link rel="shortcut icon" href="${path }/resource/${path }/resource/images/favicon.ico">
</head>
<body class="">

<jsp:include page="_top.jsp"></jsp:include>
	<div class="warp-box">
		<div class="content">
			<div class="banner">
				<img src="${banner.adImg }" alt="">
			</div>
			<div class="item1">
				<div class="container">
					<div class="tit">
						<img src="${kctxbt.adImg}" alt="">
					</div>
					<div class="stage row">
						<div class="col-md-6">
							<span class="bg1"> </span> ${kc1.artContent }
						</div>
						<div class="col-md-6">
							<span class="bg2"></span> ${kc2.artContent }
						</div>
						<div class="col-md-6">
							<span class="bg3"></span> ${kc3.artContent }
						</div>
						<div class="col-md-6">
							<span class="bg4"></span> ${kc4.artContent }
						</div>
					</div>

					  <div class="enroll"><a target="_blank" href="http://tb.53kf.com/code/client/10125135/1"><h2>我要报名</h2></a></div>
					</div>
				</div>
				<div class="item2">
					<div class="container">
						<div class="tit">
							<img src="${kbbt.adImg }" alt="">
						</div>
						<table class="table table-hover course">
							<tbody>
								<c:forEach items="${bj}" var="item" varStatus="count">
									<tr>
										<td>Web前端班</td>
										<td><span class="opening-time"><fmt:formatDate value="${item.adTime }"
												pattern="yyyy.MM.dd" /></span> 开班</td>
										<td>${item.adTitle }</td>
										<td class="rest">剩余<span>${item.adUrl }</span>席
										</td>
										<td>距离开班 <span class="border-blue" id=day_show${count.index}>30</span>天<span
											class="border-blue"  id=hour_show${count.index}>15</span>时<span class="border-blue" id=minute_show${count.index}>20</span>分<span
											class="border-blue" id=second_show${count.index}>30</span>秒
										</td>
										<td><span class="border-yellow"><a target="_blank" href="http://tb.53kf.com/code/client/10125135/1"class="entry">我要报名</a></span></td>
									</tr>
								</c:forEach>

							</tbody>
						</table>
					</div>
				</div>
				<div class="item3">
            <div class="container">
                <img src="${hq.adImg }" alt="">
            </div>
        </div>
        <div class="item4">
            <div class="container">
                <img src="${hq2.adImg }" alt="">
            </div>
            <div class="pink-bg"></div>
        </div>

				<div class="item5">
					<div class="container">
						<div class="tit">
							<img src="${jybt.adImg}" alt="">
						</div>
						<div class="table-responsive">
							<table class="table table-hover job job1">
								<tr>
									<th style="width: 11%;">姓名</th>
									<th style="width: 19%;">毕业院校</th>
									<th style="width: 19%;">就业单位</th>
									<th style="width: 7%;">地点</th>
									<th style="width: 14%;"><span class="money">薪资</span></th>
									<th style="width: 15%;">福利</th>
									<th style="width: 14%;">就业时间</th>
								</tr>
							</table>
							<div class="box">
								<table class="table table-hover job job2" id="job">
									<tbody>
										<c:forEach items="${jyxx }" var="item">
											<tr>
												<td class="td1">${item.adTitle }</td>
												<td class="td2">${item.adInfo1 }</td>
												<td class="td3">${item.adInfo3 }</td>
												<td class="td4">${item.adInfo4 }</td>
												<td class="td5"><span class="money">${item.adInfo5 }</span></td>
												<td class="td6">${item.adInfo2 }</td>
												<td class="td7"><fmt:formatDate value="${item.adTime }"
												pattern="yyyy-MM-dd" /></td>
											</tr>
										</c:forEach>
									</tbody>
								</table>
							</div>
						</div>
					</div>
				</div>
				<div class="item6">
					<div class="container">
						<div class="tit">
                    		<img src="${path }/resource/images/web-bg-7.png" alt="">
                		</div>
                		<div class="pics">
                    <img src="${xyq.adImg}" alt="">
                </div>
					</div>
				</div>
			</div>
		</div>



	<jsp:include page="_foot.jsp"></jsp:include>
<script type="text/javascript" src="${path }/resource/js/plugin/jquery-2.1.4.min.js"></script>
<script type="text/javascript" src="${path }/resource/plugin/bootstrap-3.3.5/js/bootstrap.min.js"></script>
<script type="text/javascript" src="${path }/resource/js/systools/AjaxProxy.js"></script>
<script type="text/javascript" src="${path }/resource/js/systools/MTools.js"></script>
<script type="text/javascript" src="${path }/resource/js/plugin/carousel.js"></script>
	<script src="${path }/resource/js/plugin/tween.js"></script>
		<script src="${path }/resource/js/plugin/utils.js"></script>
		<script src="${path }/resource/js/visitor/countdown.js"></script>
<script>
(function () {
    var job=document.getElementById("job");
    var atr=job.getElementsByTagName("tr");
    job.moveTimer=window.setInterval( function () {
        changeImg(job,atr.length)
    },100);
    var step=0;
    function changeImg(obj,height)
    {
        if(step===0)
        {
            obj.style.top=0;
        }
        step+=5;
        window.tween(obj,{top:-step},50);
        if(step>=(height-6)*60)
        {
            step=0;
        }
    }
    job.onmouseover=function () {
        clearInterval(job.moveTimer)
    }
    job.onmouseout=function () {
        job.moveTimer=window.setInterval( function () {
            changeImg(job,atr.length)
        },100);
    }
})()

</script>
</body>
</html>